<script setup>
/**
4*通过ref去获取一个dom元素的dom对象使用步骤
51。通过ref定义一个响应式对象(ref 从vue导入的)
62。通过ref在dom元素上绑定这个响应式对象
**3。通过ref获取到dom元素（onMounted钩子中获取dom元素）
8*/
import { ref, onMounted } from 'vue'
//准备了一个空的响应式对象，名字叫做divRef
const divRef = ref(null)
onMounted(() => {
  //通过ref获取到dom元素
  console.log(divRef.value)
  divRef.value.style.color = 'red'
  divRef.value.innerHTML = '<h1>我是吴彦祖</h1>'
})

</script>
 
<template>
  <div>
     <div ref="divRef">我是吴彦祖</div>
  </div>
</template>


<style scoped>

</style>